﻿<%@ Page Language="C#" MasterPageFile="~/Principal.master" EnableEventValidation="false"
    AutoEventWireup="true" CodeFile="ListaLibro.aspx.cs" Inherits="ListaLibro" Title="NeoExpresion: Biblioteca Virtual"
    ValidateRequest="false" %>

<asp:Content ID="Content1" ContentPlaceHolderID="contentPrincipal" runat="Server">

    <script src="js/jquery/plugins/repeater/jsRepeater.js" type="text/javascript"></script>

    <link href="js/jquery/plugins/checkbox/jquery.checkleido.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript" language="javascript" src="js/jquery/plugins/checkbox/jquery.checkbox.js"></script>

    <script type="text/javascript">
     $(document).ready(function() {
        $('#tablaLibros').hide();
        $("#loading").hide();
        $("#flechaSiguiente").hide();
        $("#flechaAnterior").hide();
        
        $("#loading").ajaxStart(function(){
            $(this).show();
        });
        $("#loading").ajaxStop(function(){
            $(this).hide();
        });


        $('#flechaSiguiente').click(function(){
            $.ajax({
                type: "GET",
                url: "QueryAjax/QueryListaLibro.aspx",
                data: "titulo=" + $('#<%=this.txtTitulo.ClientID%>').val() + "&registro=" + $("#hdnPagina").val() + "1",
                success: function(libros){
                      if (libros != ""){
                          var listaLibros = eval(libros);
                          $('#tablaLibros').hide();
                          $('#tablaLibros').fillTemplate(eval(listaLibros[0]));
                          $('input[leido]:radio').checkbox({cls:'jquery-leido-checkbox'}); 
                          $('input[leyendo]:radio').checkbox({cls:'jquery-leyendo-checkbox'});
                          $('input[quieroLeer]:radio').checkbox({cls:'jquery-quieroleer-checkbox'});
                          $('#tablaLibros').show();
                          if ($("#hdnPagina").val() != "0")
                            $("#flechaAnterior").show();
                          else
                            $("#flechaAnterior").hide();
                          $("#hdnPagina").val($("#hdnPagina").val() + 1);
                      }else{
                        $("#flechaSiguiente").hide();
                      }
                    }
            });
            return false;
        });
        
        /**********************************************************/
        /* CODIGO AGREGADO PARA QUE HAGA LA BUSQUEDA SI VIENE DESDE
           OTRA PAGINA                                            */
        /**********************************************************/
          if ($('#<%=this.txtTitulo.ClientID%>').val() != ""){
            buscar();
          }
     });

    
        //$('#<=this.btnBuscar.ClientID%>').Click(function{
        function buscar(){
            $("#hdnPagina").val("0");
            $.ajax({
                type: "GET",
                url: "QueryAjax/QueryListaLibro.aspx",
                data: "titulo=" + $('#<%=this.txtTitulo.ClientID%>').val(),
                success: function(libros){
                      //alert([{id: "237", imagenEditorial: "tapaLibros/ae85c755-c991-47b6-ac29-ade28b559b98.jpg", titulo:"Harry Potter y la orden del Fénix 5", tituloOriginal: "Harry Potter and the Order of the Phoenix", autorNombre: "Joanne K.", autorApellido: "Rowling", anioPublicacion: "2003"},{'id': "237", 'imagenEditorial': "tapaLibros/ae85c755-c991-47b6-ac29-ade28b559b98.jpg", titulo:"Harry Potter y la orden del Fénix 5", tituloOriginal: "Harry Potter and the Order of the Phoenix", autorNombre: "Joanne K.", autorApellido: "Rowling", anioPublicacion: "2003"}]);
                      if (libros != ""){
                          var listaLibros = eval(libros);
                          //alert(eval(listaLibros[0]));
                          $('#tablaLibros').hide();
                          $('#tablaLibros').fillTemplate(eval(listaLibros[0]));
                          $('#tablaLibros').show();
                          $("#flechaSiguiente").show();
                          $('input[leido]:radio').checkbox({cls:'jquery-leido-checkbox'}); 
                          $('input[leyendo]:radio').checkbox({cls:'jquery-leyendo-checkbox'});
                          $('input[quieroLeer]:radio').checkbox({cls:'jquery-quieroleer-checkbox'});
                          if ($("#hdnPagina").val() != "0")
                            $("#flechaAnterior").show();
                          else
                            $("#flechaAnterior").hide();
                          $("#hdnPagina").val($("#hdnPagina").val() + 1);
                      }else{
                        $('#tablaLibros').hide();
                      }
                    }
            });
            return false;
        }
        

    </script>

    <table width="730" border="0" cellspacing="7" cellpadding="0">
        <tr>
            <td valign="top" scope="col">
                <table width="730" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <td>
                            <img src="images/img_titulo_biblioteca_virtual2.jpg" alt="Biblioteca Virtual" width="730"
                                height="100" /></td>
                    </tr>
                    <tr>
                        <td style="height: 142px">
                            <table width="730" border="0" cellpadding="0" cellspacing="7">
                                <tr>
                                    <td>
                                        <table width="218" height="60" border="0" cellpadding="0" cellspacing="0" background="images/img_fondo_autor.jpg">
                                            <tr>
                                                <td>
                                                    &nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td align="center">
                                                    <asp:TextBox ID="txtAutor" runat="server" Width="90%"></asp:TextBox>&nbsp;</td>
                                            </tr>
                                        </table>
                                    </td>
                                    <td>
                                        <table width="218" height="60" border="0" cellpadding="0" cellspacing="0" background="images/img_fondo_titulo.jpg">
                                            <tr>
                                                <td>
                                                    &nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td align="center">
                                                    <asp:TextBox ID="txtTitulo" runat="server" Width="90%"></asp:TextBox>&nbsp;</td>
                                            </tr>
                                        </table>
                                    </td>
                                    <td>
                                        <table width="218" height="60" border="0" cellpadding="0" cellspacing="0" background="images/img_fondo_categoria.jpg">
                                            <tr>
                                                <td>
                                                    &nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    &nbsp;</td>
                                            </tr>
                                        </table>
                                    </td>
                                    <td valign="top">
                                        <table border="0" cellpadding="0" cellspacing="0" width="32">
                                            <tr>
                                                <td colspan="4" align="center">
                                                    <%-- <a href="javascript:buscar()" onmouseover="roll_over('btnBuscar', '~/images/Img_boton_buscar_Sobre.jpg')"
                                                        onmouseout="roll_over('btnBuscar', '~/images/img_boton_buscar.jpg')">&nbsp;</a>--%>
                                                    <asp:ImageButton ID="btnBuscar" OnClientClick="return buscar();" runat="server" ImageUrl="~/images/img_boton_buscar.jpg" />
                                                </td>
                                            </tr>
                                        </table>
                                        <input id="hdnPagina" type="hidden" /></td>
                                </tr>
                                <tr>
                                    <td colspan="3">
                                        <img src="images/img_separador.gif" width="670" height="12" /></td>
                                    <td>
                                    </td>
                                </tr>
                            </table>
                            &nbsp;&nbsp;
                        </td>
                    </tr>
                    <tr>
                        <td style="height: 3px">
                            <div id="loading" style="text-align: center; width: 650px; position: relative;">
                                <img alt="Loading..." src="images/img_loadingAnimation.gif" />
                            </div>
                            <div id="tablaLibros">
                                <table width="730" border="0" align="left" cellpadding="0" cellspacing="0">
                                    <tr>
                                        <td align="left" valign="top">
                                            <table width="730" border="0" cellpadding="0" cellspacing="0">
                                                <tr>
                                                    <td align="left" valign="top">
                                                        <table border="0" cellspacing="0" cellpadding="0">
                                                            <tr>
                                                                <td>
                                                                    <div style="text-align: center">
                                                                        <table border="0" cellpadding="0" cellspacing="0" width="678">
                                                                            <tr>
                                                                                <% if (Page.User.Identity.IsAuthenticated)
                                                                                                                       { %>
                                                                                <td>
                                                                                    <input type="radio" leido="1" value="${id}" name="estadoLibro${id}" />
                                                                                </td>
                                                                                <td width="8">
                                                                                </td>
                                                                                <td>
                                                                                    <input type="radio" leyendo="1" value="${id}" name="estadoLibro${id}" />
                                                                                </td>
                                                                                <td width="8">
                                                                                </td>
                                                                                <td>
                                                                                    <input type="radio" quieroleer="1" value="${id}" name="estadoLibro${id}" />
                                                                                </td>
                                                                                <%} else{%>
                                                                                    <td colspan="6" style="width:100%;"></td>
                                                                                <%} %>
                                                                                <td  style="width:150px;">
                                                                                    &nbsp;</td>
                                                                                <td>
                                                                                    <a href="FichaLibro.aspx?idLibro=${id}">
                                                                                        <img name="biblioteca_virtual" src="images/img_biblioteca_virtual.jpg" width="190"
                                                                                            height="18" border="0" alt=""></a></td>
                                                                                <td>
                                                                                    <%--<img name="cartel_ficha_libro_r1_c8" src="imagenes/img/biblioteca_virtual/cartel_ficha/cartel_ficha_libro_r1_c8.jpg"
                                                                                        width="1" height="18" border="0" alt="">--%></td>
                                                                                <td>
                                                                                    <%--<img src="imagenes/img/biblioteca_virtual/cartel_ficha/spacer.gif" alt="" name="undefined_3"
                                                                                        width="1" height="18" border="0">--%></td>
                                                                            </tr>
                                                                        </table>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <table border="1" cellpadding="0" cellspacing="0" bordercolor="#484759" bgcolor="#FFFFFF">
                                                <tr>
                                                    <td align="left" valign="top">
                                                        <table width="660" border="0" align="left" cellpadding="0" cellspacing="10" class="ficha_libro">
                                                            <tr>
                                                                <td class="ficha_filete">
                                                                    <table width="654" border="0" cellpadding="0" cellspacing="0">
                                                                        <tr>
                                                                            <td width="110">
                                                                                <img src="${imagenEditorial}" width="85" height="124" border="1"></td>
                                                                            <td>
                                                                                <p align="left" class="ficha_libro_titulo_bold">
                                                                                    T&iacute;tulo: <a class="linkNaranja" href="FichaLibro.aspx?idLibro=${id}">${titulo}
                                                                                    </a>
                                                                                    <br>
                                                                                    T&iacute;tulo original: ${tituloOriginal}
                                                                                </p>
                                                                                <p align="left">
                                                                                    <strong>Autor:</strong> ${autorNombre} ${autorApellido}
                                                                                    <br>
                                                                                    <strong>Primera publicaci&oacute;n:</strong> ${anioPublicacion}
                                                                                </p>
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td class="ficha_filete">
                                                                    ${resumen} ... <a href="FichaLibro.aspx?idLibro=${id}"><strong>(+) </strong></a>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <br />
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td>
                <table width="100%">
                    <tr>
                        <td style="text-align: left">
                            <img id="flechaAnterior" alt="Anterior" src="images/calendario/img_flechaAnterior.jpg" />
                        </td>
                        <td style="text-align: right">
                            <img id="flechaSiguiente" alt="Siguiente" src="images/calendario/img_flechaSiguiente.jpg" />
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    </td> </tr> </table>
</asp:Content>
